<template>
    <div class="container">
        <div style="margin-bottom:.5rem;">周末去哪儿</div>
        <div class="item" v-for="item of itemListWeekend" :key="item.index">
            <img :src="item.src" alt="">
            <div class="text">
                <p class="title">{{item.title}}</p>
                <p class="comment">{{item.comment}}</p>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    name:"HomeWeekend",

    data(){
        return {
            
        }
    },
    props:{
        itemListWeekend:Array
    }
}
</script>

<style scoped lang="stylus">
      .container{
          padding:.2rem;
          .item{
              margin-top :.4rem;
          }
          .item img{
              width 100%;
              height:2.4rem;
          }
          .item .title{
                overflow: hidden;
                padding-right: 1.4rem;
                color: #212121;
                font-size: .28rem;
                line-height: .48rem;
                white-space: nowrap;
                text-overflow: ellipsis;
          }
          .item .comment{
                overflow: hidden;
                padding-right: 1.4rem;
                color: #616161;
                font-size: .24rem;
                line-height: .42rem;
                white-space: nowrap;
                text-overflow: ellipsis;
          }
      }
</style>

